{include file="public/head"}

<body>
<div id="wrapper">
    {include file="public/menu"}

    <div id="page-wrapper" class="gray-bg dashbard-1">
        {include file="public/nav"}
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>订单信息</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="{:url('User/Panel')}">主页</a>
                    </li>
                    <li>
                        <strong>订单记录</strong>
                    </li>
                </ol>
            </div>
            <div class="col-lg-2">

            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>订单明细</h5>
                        </div>

                        <div class="ibox-content">
                            <div class="row">
                                <div class="col-sm-1"></div>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <ul class="list-group">
                                            <li class="list-group-item active" style="background: #e0e0e0;border-color: #e0e0e0;color: black">收货信息</li>
                                            <li class="list-group-item">收件姓名：{$OrderInfo.name}</li>
                                            <li class="list-group-item">联系电话：{$OrderInfo.phone}</li>
                                            <li class="list-group-item">收件地址：{$OrderInfo.address}</li>
                                        </ul>
                                    </div>

                                    <div class="row">
                                        <ul class="list-group">
                                            <li class="list-group-item active" style="background: #e0e0e0;border-color: #e0e0e0;color: black">订单信息</li>
                                            <li class="list-group-item">
                                                <div class="row">
                                                    <div class="col-sm-6">订单编号：{$OrderInfo.order_id}</div>
                                                    <div class="col-sm-6" style="color: green">订单状态：
                                                        {if condition="$OrderInfo.status eq 0"}待付款
                                                        {elseif condition="$OrderInfo.status eq 1" /}待发货
                                                        {elseif condition="$OrderInfo.status eq 2" /}待收货
                                                        {elseif condition="$OrderInfo.status eq 3" /}已完成
                                                        {/if}
                                                    </div>
                                                </div>
                                            </li>

                                            <li class="list-group-item active">
                                                <div class="row active">
                                                    <div class="col-sm-4 col-xs-4">商品LOGO</div>
                                                    <div class="col-sm-4 col-xs-4">商品名称</div>
                                                    <div class="col-sm-4 col-xs-4">购买数量</div>
                                                </div>

                                            </li>
                                            <li class="list-group-item">
                                                {volist name="OrderInfo.goodsList" id="v"}
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-4"><img src="{$v.logo_url}" alt="" style="width: 50px;height: 50px"></div>
                                                    <div class="col-sm-4 col-xs-4">{$v.name}</div>
                                                    <div class="col-sm-4 col-xs-4">{$v.num}{$v.unit}</div>
                                                </div>
                                                {/volist}
                                            </li>
                                            <li class="list-group-item">
                                                <div class="row">
                                                    <div class="col-sm-6">商品总价：{$OrderInfo.amount}U</div>
                                                    <div class="col-sm-6">下单时间：{$OrderInfo.add_time|date="Y-m-d H:i:s",###}</div>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="row">
                                                    <div class="col-sm-6">支付金额：{$OrderInfo.pay_amount}元</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>

                                    <div class="row">
                                        <ul class="list-group">
                                            <li class="list-group-item active" style="background: #e0e0e0;border-color: #e0e0e0;color: black">备注信息</li>
                                            <li class="list-group-item">
                                                {if condition="$OrderInfo.remarks eq ''"}暂无备注信息
                                                {else/}{$OrderInfo.remarks}
                                                {/if}
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <a href="{:url('OrderList')}" class="btn btn-sm btn-primary">返回</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        {include file="public/foot"}
    </div>
</div>
</div>
{include file="public/footer"}
<script>

</script>
</body>
</html>
